<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="/header.jsp" %>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>菜单页面</title>
<script type="text/javascript">
function refGrid(){
	$('#datagridtable').treegrid("clearChecked");
	$('#datagridtable').treegrid("options").url='${base}sysResource/resourceList?'+$("form").serialize();
	$('#datagridtable').treegrid("load");  
}
   
  $(function(){
	  $("#searchbtn").click(function(){refGrid();});
	  
	  $('#datagridtable').treegrid({    
		    singleSelect:false,
		    collapsible:false,
		    url:'${base}sysResource/resourceList?'+$("form").serialize(),
		    method:'post',
		    pagination:true,
		    toolbar:'#toolbar',
			pageSize:20,
			multiSort:true,
			rownumbers:true,
			border:false,
			animate:true,
			idField:'id',
			autoRowHeight:false,
			treeField:'name',
			fitColumns: true,
		    columns:[[    
		        {field:'id',checkbox:true},    
		        {field:'name',title:'菜单名称',width:150},    
		        {field:'resCode',title:'菜单编号',width:100},
		        {field:'actionUrl',title:'链接地址',width:200},
		        {field:'icon',title:'图标地址',width:150},
		        {field:'openType',title:'打开类型',width:100,formatter:function(value,row,index){
			        var data=${MenuOpenType};
			        for(var i=0;i<data.length;i++){
			        	if(data[i].itemValue==value&&data[i].itemValue!='')
				        	return data[i].itemName;  
 				        }
			        }},
		        {field:'orderNo',title:'排序',width:50},
		        {field:'remark',title:'描述',width:300},   
		    ]]    
		});
      $("#addBtn").click(function(){
    		var selOpts =$('#datagridtable').treegrid("getChecked");
			if(selOpts.length==0)
				myAlert("错误信息","请选择父菜单！","e");
			else if(selOpts.length>1)
				myAlert("错误信息","请选择一个父菜单！","e");
			else
			  myDialog({title:"添加子菜单",src:"${base}sysResource/addPage?pId="+selOpts[0].id,width:750,height:300,callBack:refGrid});
      });
      $("#editBtn").click(function(){
    		var selOpts =$('#datagridtable').treegrid("getChecked");
			if(selOpts.length==0||selOpts.length>1)
				myAlert("错误信息","请选择一个菜单！","e");
			else
			  myDialog({title:"编辑菜单",src:"${base}sysResource/editPage?id="+selOpts[0].id,width:750,height:300,callBack:refGrid});
      });
      $("#delBtn").click(function(){
    	  var selOpts =$('#datagridtable').treegrid("getChecked");
			var ids=[];
			var flag=true;
			if(selOpts.length>0){
			$.each(selOpts,function(i,v){
			var children=$('#datagridtable').treegrid("getChildren",v.id);
			     ids.push(v.id);
				 if(children&&children.length>0){
					 myAlert("错误信息","存在子菜单时不可删除！","e");
					 flag=false;
                    return false;
					 }
			});
			}else{
				myAlert("错误信息","请选择需要删除的菜单！","e");
				flag=false;
			}
			if(flag)
			myConfirm("提示信息","确定删除选中的数据吗?",function(r){
                   if(r){
                  	 myAjax({url:"${base}sysResource/delResource",data:{"ids":ids},  
                      	 success:function(data){
                                if(data.error=='0')
                              	      refGrid();
                                else
                              	  myAlert("错误信息",data.msg,"e");   
                      	 }}); 
                }
			});
      });
      $("#detailBtn").click(function(){
    	  var selOpts =$('#datagridtable').treegrid("getChecked");
			if(selOpts.length==0||selOpts.length>1)
				myAlert("错误信息","请选择一个菜单！","e");
			else
			  myDialog({title:"查看菜单",src:"${base}sysResource/detailPage?id="+selOpts[0].id,width:750,height:300,
				  callBack:function(){
				  $('#datagridtable').treegrid("clearChecked");}});
      });
});
</script>
</head>
<body>
   <div id="toolbar">
   <div class="toolbar_searchcondition">
   <form class="easyui-form" action="${base}sysResource/resourceList"  method="post">
   <input  name="params['resType']" value="1" type="hidden"/>
	  菜单名称: <input class="easyui-textbox" name="params['resName']" type="text"/>&nbsp;
	  菜单编号: <input class="easyui-textbox"  name="params['resCode']" type="text"/>&nbsp;
      打开类型: 
      <input class="easyui-combobox" panelHeight="auto" name="params['openType']" data-options='valueField:"itemValue",textField:"itemName",data:${MenuOpenType},editable:false' />
		   <a href="#" class="easyui-linkbutton searchbtn" iconCls="icon-search" id="searchbtn">查询</a>
		</form>
	</div>
	<div class="toolbar_btns">
	    <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" id="addBtn">添加</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" id="editBtn">编辑</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" id="delBtn">删除</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" id="detailBtn">查看</a>
	</div>
   </div>
	  <table id="datagridtable"  style="width:1200px;height:500px" fit="true"></table>
</body>
</html>